<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<nav class="navbar navbar-default" th:fragment="html" style="position:absolute; width: 100vw;background-image: linear-gradient(rgb(45,195,254), rgb(156, 234, 253));" >
    <div class="container-fluid">
        <div class="navbar-header" style="height: 7vh; color: white;">
            <a class="navbar-brand" style="color: white;">优顺达</a>
            <select onchange="self.location.href = options[selectedIndex].value;" style="
                position: absolute;
                width: 20vw;
                height: 7vh;
                right: 0;
                text-align: center;
                appearance: none;
                border: 0;
                background-image: linear-gradient(rgb(45,195,254), rgb(156, 234, 253));
                font-size: 18px;
                line-height: 20px;
                ">
                <option>导航</option>
                <option value="/courier/dashboard" id="dashboard-sidebar">主页</option>
                <option value="/courier/order" id="order-sidebar">接单大厅</option>
                <option value="/courier/history" id="recycle-sidebar">我的订单</option>
                <option value="/courier/feedback" id="feedback-sidebar">反馈建议</option>
                <option value="/courier/evaluate" id="user-sidebar">评价中心</option>
                <option id="profit-sidebar" disabled>收益管理</option>
                <option id="log-sidebar" disabled>操作日志</option>
                <option value="/courier/info" id="info-sidebar">个人中心</option>
                <option value="/logout">退出登录</option>
            </select>
           
        </div>
    </div>
</nav>
<style>
    option{
        color: black;
    }
</style>
</html>